.standard-item {
  cursor: pointer;
  width: 218px;
  height: 84px;
  border-radius: 3px;
  border: 1px solid #EBEFF2;
  padding: 8px 12px;
  position: relative;

  .standard-des {
    line-height: 17px;
    font-size: 12px;
    color: #7A8A99;
    margin: 6px 0 4px
  }

  .standard-icon {
    color: #03ac82;
    height: 22px;
    line-height: 22px
  }

  .triangle-wrap {
    display: none;
    position: absolute;
    top: 0;
    right: 0;

    .triangle {
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-bottom: 12px solid transparent;
      border-left: 12px solid transparent;
      border-right: 12px solid #03AC82;
      border-top: 12px solid #03AC82;
    }
  }
}

.standard-item+.standard-item {
  margin-left: 8px;
}

.standard-item--select {
  border: 1px solid #03AC82;
  background: #F8FBFC;

  .triangle-wrap {
    display: inline-flex;

    .check-icon {
      position: absolute;
      right: 0;
      top: -10px;
      color: #ffffff;
      font-size: 12px;
    }
  }
}

.standard-item--disabled {
  cursor: not-allowed;
  background-color: #f2f6fc;

  .standard-des,
  .standard-label,
  .standard-icon {
    color: #c0c4cc;
  }
}

.standard-wrap {
  display: flex;
}